<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
   <!-- width - viewport的宽度
        height - viewport的高度
        initial-scale - 初始的缩放比例
        minimum-scale - 允许用户缩放到的最小比例
        maximum-scale - 允许用户缩放到的最大比例
        user-scalable - 用户是否可以手动缩放
     -->
     <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
     <title>购物车</title>
    <!-- 重置样式 -->
    <link href="../../asserts/css/reset.css" rel="stylesheet">
    <!-- 字体库 -->
    <link href="../../asserts/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet">

    <!-- 引入首页css -->
    <link href="./cart.css" rel="stylesheet">

</head>

<body>
    <div class="container_cart">
        <div class="title">商家信息</div>
        <div class="restinfo">
            商家信息（图片、商家名称、配送费、地址等）
        </div>

        <div class="cuisines">
            <div class="cuisine">菜品1</div>
            <div class="cuisine">菜品2</div>
            <div class="cuisine">菜品3</div>
            <div class="cuisine">菜品1</div>
            <div class="cuisine">菜品2</div>
            <div class="cuisine">菜品3</div>
            <div class="cuisine">菜品1</div>
            <div class="cuisine">菜品2</div>
            <div class="cuisine">菜品3</div>
            <div class="cuisine">菜品1</div>
            <div class="cuisine">菜品2</div>
            <div class="cuisine">菜品3</div>
            <div class="cuisine">菜品1</div>
            <div class="cuisine">菜品2</div>
            <div class="cuisine">菜品3</div>
        </div>


        <!-- 底部的 去结算 -->
        <div class="buy">

        </div>

    </div>
</body>

</html>